@import 'global.css';

.indexBox {
    width:100%;
    height:100%;
    background:#f5f5f5;
    position: relative;
}

.indexTitle {
    width:400px;
    height:auto;
    float:left;
    text-align: center;
    position: absolute;
    left:50%;
    margin-left:-200px;
    font-size:30px;
    top:30%;
}

.indexMenu {
    width:400px;
    height:40px;
    margin:0px auto;
    margin-top:30px;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    font-size:13px;
}

.indexMenuItem {
    float:left;
    width:100px;
    padding-top:10px;
    cursor:pointer;
    color:green;
    text-align: center;
}

.showDocs {
    width:100px;
    height:30px;
    line-height:30px;
    border-radius:5px;
    font-size:14px;
    margin:0px auto;
    color:#fff;
    background:#3385ff;
    margin-top:30px;
    cursor:pointer;
}

.showDocs a {
    color:#fff;
    display:block;
    width:100%;
    height:100%;
}

.showDocs a:hover {
    color:#fff;
}

.indexTitle  i {
    font-size:50px;
    margin-bottom:30px;
}